<template>
  <div class="admin-sidemenu-container">
    <el-col style="text-align: left">
      <el-menu
        router
        :default-active="$route.path"
        background-color="#fff"
        text-color="#000"
        active-text-color="#000"
      >
        <el-menu-item index="/manage">
          <i class="el-icon-data-analysis"></i>
          <span slot="title">首页</span>
        </el-menu-item>
        <el-menu-item index="/userList">
          <i class="el-icon-user"></i>
          <span slot="title">用户管理</span>
        </el-menu-item>
        <el-menu-item index="/goodList">
          <i class="el-icon-shopping-bag-2"></i>
          <span slot="title">商品管理</span>
        </el-menu-item>
        <el-menu-item index="/orderList">
          <i class="el-icon-shopping-cart-full"></i>
          <span slot="title">订单管理</span>
        </el-menu-item>
        <el-menu-item index="/adminInfo">
          <i class="el-icon-setting"></i>
          <span slot="title">账户设置</span>
        </el-menu-item>
      </el-menu>
    </el-col>
  </div>
</template>

<style lang="scss">
.admin-sidemenu-container {
  .el-menu {
    margin-left: 80px;
    margin-top: 20px;
    border-radius: 20px;
    padding: 10px;
    .el-menu-item {
      border-radius: 20px;
      margin: 10px 0;
      &:hover,
      &:focus,
      &.is-active {
        background-color: #f7f7f7 !important;
        font-weight: 600;
        i {
          color: inherit;
          font-weight: 600;
        }
      }
    }
  }
}
</style>

<script>
export default {
  data() {
    return {};
  },
};
</script>